<?xml version="1.0" encoding="UTF-8" ?>
<xsl:stylesheet version="1.0"
	xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
	<xsl:output method="xml" version="1.0" encoding="UTF-8"
		indent="yes" />

	<!-- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->

	<xsl:template match="/">

		<PAGE>

			<!-- CONTENIDO DE LA PAGINA -->
			<!-- LIBRERIAS -->
			<!-- <add type='stylesheet' src="private/[NOMBRE_LIBRERIA.css]"/> -->
			<add type='script' src="public/inicio/PageMundialSub20.js" />
			<add type="stylesheet" src="public/inicio/PageMundialSub20.css" />
			<add type="stylesheet" src="public/inicio/nivo-slider.css" />
			
			<xsl:apply-templates select="//XMLPAGE/*" />

			<div style="text-align:center; margin-top:10px">
				<div style="width:680px; margin:0px auto 0px auto;">

					<div style="text-align:center; margin:5px;">
						<div class="navi">
							<a href="#0" class="active"></a>
							<a href="#1" class=""></a>
							<a href="#2" class=""></a>
						</div>
					</div>
					
					<!-- root element for scrollable -->
					<div class="scrollable" id="browsable">

						<!-- root element for the items -->
						<div class="items" style="left:0px;  ">

							<!-- 5-10 -->
							<div>
								<img src="{//contextPath}/css/public/inicio/images/image1.jpg"
									width="305" height="349" alt="image1" />
							</div>


							<!-- 1-5 -->
							<div style="text-align:center;">
								<img src="{//contextPath}/css/public/inicio/images/image2.jpg"
									width="415" height="350" alt="image2" />
							</div>




							<!-- 10-15 -->
							<div>
								<img src="{//contextPath}/css/public/inicio/images/image3.jpg"
									width="315" height="350" alt="image3" />
							</div>

						</div>

					</div>

					<!-- "next page" action <a class="next browse right"></a> -->
					<clearboth />

					<div style="width:300px; border-bottom:4px dotted #999; margin:0px auto 0px auto;" />


					<!-- MENUS -->
					<div style="text-align:center; margin-top:5px;">
						<div style="width:800px; margin:0px auto 0px auto;">
							<xsl:call-template name="menu_principal1" />
							<xsl:call-template name="menu_principal2" />
							<xsl:call-template name="menu_principal3" />
							<clearboth />
						</div>
					</div>
				

				</div>

			</div>


			<!-- FIN CONTENIDO PAGINA -->



		</PAGE>

	</xsl:template>

	<!-- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->

	<xsl:template name="menu_principal3">
		<div style="float:left" class="bg-caja corner">
			<div class="caja corner" onclick="osm_enviarFormulario('');">
			</div>
		</div>
	</xsl:template>
	
	
	<xsl:template name="menu_principal2">
		<div style="float:left" class="bg-caja corner">
			<div class="caja corner" onclick="osm_enviarFormulario('');">
			</div>
		</div>
	</xsl:template>


	<xsl:template name="menu_principal1">
		<div style="float:left" class="bg-caja corner">
			<div class="caja corner" onclick="osm_enviarFormulario('');">
			</div>
		</div>
	</xsl:template>

	<!-- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->

	<xsl:template match="@*|node()" priority="-1">
		<xsl:copy>
			<xsl:apply-templates select="@*|node()" />
		</xsl:copy>
	</xsl:template>


</xsl:stylesheet>